<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML >
<html>
  <head>
    <base href="<%=basePath%>" >
    
    <title>应急信息管理_统计分析_分析页面_趋势分析_查询页面</title>
  		  <script type="text/javascript" src="<%=basePath%>jclient/javascript/modules/yjxxgl/yjxxgl_tjfx.js"></script>
		 <link rel="stylesheet" href="<%=basePath %>jclient/css/public.css" type="text/css" />
			<link href="<%=basePath%>jclient/css/public/select.css" rel="stylesheet" type="text/css" />
    	   <link href="<%=basePath%>jclient/css/public/style.css" rel="stylesheet" type="text/css" />
    	   <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
			<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
			<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
       		<script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
			<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
			<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
			<script type="text/javascript" src="<%=basePath%>jclient/javascript/jslib/select-ui.min.js"></script>
		<script type="text/javascript">
		$(function(){
                 // 日期选择
			    $('#cxdate').val(moment().subtract('days', 29).format('YYYY-MM-DD') + ' - ' + moment().format('YYYY-MM-DD'));
				$('#cxdate').daterangepicker(null, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                }); 
                 $('#addhydate').val(moment().format('YYYY-MM-DD'));
				$('#addhydate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                 }); 
                 $('#edithydate').val(moment().format('YYYY-MM-DD'));
				$('#edithydate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                    console.log(start.toISOString(), end.toISOString(), label);
                 }); 
                 $(".select3").uedSelect({
				width : 100
				});
				//弹出框控制
				 $(".tiptop a").click(function(){
					  $(".tip").fadeOut(200);
					});
					
					  $(".sure").click(function(){
					  $(".tip").fadeOut(100);
					});
					
					  $(".cancel").click(function(){
					  $(".tip").fadeOut(100);
				});
		});
	</script>
	<style type="text/css">
		 a{
     	   		text-decoration:none;
     	   		color:#FFFFFF;
     	   }
     	    a:hover{
     	   		text-decoration:none;
     	   		color:#FFFFFF;
     	   }
	</style>
  </head>
  <body style="margin: 0;padding: 0px;background-color: #FFFFFF;" bgcolor="#FFFFFF">
  		<div style="margin-top:10px;margin-left:10px">
  			<ul class="seachform" style="padding: 0px;margin: 0px">
    						<li>
    							<div style="width:80px;float: left;height: 30px;line-height: 30px;">
        						 <label>综合查询</label>
       							</div>
    						</li>
    						<li>
								<div class="controls" style="width:210px;float: left;">
									<div class="input-group date datetime">
										<input id="cxdate" class="begindate form-control input-sm" size="16" type="text" value="" >
										<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
									</div>
								</div>
							</li>
							<li>
								<select style="width: 100px;" class="select3">
									  	<option>时长</option>
										<option>小时</option>
										<option>天</option>
										<option>月</option>
										<option>年</option>
								</select>
							</li>
							<li>
						    			<div  style="width: 205px;float: left;padding-left: 20px;">
							  					<input type="text"  placeholder="请输入测站关键字" class="form-control" style="width:200px;height: 30px;float: left;">
						  			  	</div>
						    </li>
						    <li>
						    				<div  style="width: 340px;float: left;padding-left: 20px;">
							  					<input type="text"  placeholder="请输入指标关键字" class="form-control" style="width:200px;height: 30px;float: left;">
						  			  			<span class="eclipseBtn" style="height:30px;display: inline-block;">查询</span>	
						  			  	</div>
						  	</li>
						</ul>
  		</div>
  		<table width="100%"  cellspacing="0" cellpadding="0" style="margin: 10px">
  		<!-- 查询行 -->
				<!-- -- -->
    				<tr>
    					<td style="width: 50%">
    					<table class="tablelist" style="width: 100%;height: 351px"  >
				    	 <thead>
					    	<tr>
					        <th style="width: 40px"><input name="" type="checkbox" value="" checked="checked"/></th>
					        <th>记录表名录</th>
					       <!--  <th style="width: 265px">操作</th> -->
					        </tr>
					        </thead>
					        <tbody >
					        	<tr>
					        		<td>
					        			<input name="" type="checkbox" value="" checked="checked"/>
					        		</td>
					        		<td>
					        			 2014年1月于桥水库水体藻细胞密度检测记录表
					        		</td>
					        		<!-- <td>
					        			<a href="javascript:$('.tip').fadeIn(200);" class="tablelink" onclick="">查看&nbsp;&nbsp;</a>
					        			<a href="javascript:#" class="tablelink">下载</a>
					        		</td> -->
					        	</tr>
					        	<tr>
					        		<td>
					        			<input name="" type="checkbox" value="" checked="checked"/>
					        		</td>
					        		<td>
					        			 2014年2月于桥水库水体藻细胞密度检测记录表
					        		</td>
					        	</tr>
					        	<tr>
					        		<td>
					        			<input name="" type="checkbox" value="" checked="checked"/>
					        		</td>
					        		<td>
					        			 2014年3月于桥水库水体藻细胞密度检测记录表
					        		</td>
					        	</tr>
					        	<tr>
					        		<td>
					        			<input name="" type="checkbox" value="" checked="checked"/>
					        		</td>
					        		<td>
					        			 2014年4月于桥水库水体藻细胞密度检测记录表
					        		</td>
					        	</tr>
					        	<tr>
					        		<td>
					        			<input name="" type="checkbox" value="" checked="checked"/>
					        		</td>
					        		<td>
					        			 2014年5月于桥水库水体藻细胞密度检测记录表
					        		</td>
					        	</tr>
					        	<tr>
					        		<td>
					        			<input name="" type="checkbox" value="" checked="checked"/>
					        		</td>
					        		<td>
					        			 2014年6月于桥水库水体藻细胞密度检测记录表
					        		</td>
					        	</tr>
					        	<tr>
					        		<td>
					        			<input name="" type="checkbox" value="" checked="checked"/>
					        		</td>
					        		<td>
					        			 2014年7月于桥水库水体藻细胞密度检测记录表
					        		</td>
					        	</tr>
							</tbody>
					</table>
					<!--  <div class="pagin">
				    	<div class="message" style="float: right;margin-right: 300px;">
				    		<span class="eclipseBtn" onclick="javascript:check('jlbxs');" style="height:30px;display: inline-block;">选定列表</span>	
				    		共<i class="blue">100</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
					        <ul class="paginList">
						        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
						        <li class="paginItem"><a href="javascript:;">1</a></li>
						        <li class="paginItem current"><a href="javascript:;">2</a></li>
						        <li class="paginItem"><a href="javascript:;">3</a></li>
						        <li class="paginItem"><a href="javascript:;">4</a></li>
						        <li class="paginItem"><a href="javascript:;">5</a></li>
						        <li class="paginItem more"><a href="javascript:;">...</a></li>
						        <li class="paginItem"><a href="javascript:;">10</a></li>
						        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
					        </ul>
				    	</div> -->
				    	<div style="text-align: center">
				    	<!-- 原显隐控制 onclick="javascript:check('jlbxs');" -->
				    		<span class="eclipseBtn"  style="height:30px;display: inline-block;margin-top:8px">选定列表</span>	
				    	</div>
    			</td>
    			<!-- 列表详情列 -->
    			<td  id="jlbxs" style="width: 50%" >
    				<table class="tablelist" style="width: 100%;height: 351px"  >
				    		<thead>
					    		<tr>
							       <th>
    										测站名称
    								</th>
    								<th>
    										时间
    								</th>
    								<th>
	    									时长(小时)	
    								</th>
    								<th style="width: 180px">
    										水体藻细胞密度(万个/升)
    								</th>
    								<th>
    									操作
    								</th>
					        	</tr>
					       	 </thead>
					        <tbody>
    								<tr>
    									<td>
    										于桥水库xx站
    									</td>
    									<td>
    										2014年6月1日
    									</td>
    									<td>
    										2
    									</td>
    									<td>
    										6320
    									</td>
    									<td>
    										<a href="javascript:#" class="tablelink">删除</a>
    									</td>
    								</tr>
    								<tr>
    									<td>
    										于桥水库xx站
    									</td>
    									<td>
    										2014年6月1日
    									</td>
    									<td>
    										2
    									</td>
    									<td>
    										6320
    									</td>
    									<td>
    										<a href="javascript:#" class="tablelink">删除</a>
    									</td>
    								</tr>
    								<tr>
    									<td>
    										于桥水库xx站
    									</td>
    									<td>
    										2014年6月1日
    									</td>
    									<td>
    										2
    									</td>
    									<td>
    										6320
    									</td>
    									<td>
    										<a href="javascript:#" class="tablelink">删除</a>
    									</td>
    								</tr>
    								<tr>
    									<td>
    										于桥水库xx站
    									</td>
    									<td>
    										2014年6月1日
    									</td>
    									<td>
    										2
    									</td>
    									<td>
    										6320
    									</td>
    									<td>
    										<a href="javascript:#" class="tablelink">删除</a>
    									</td>
    								</tr>
    								<tr>
    									<td>
    										于桥水库xx站
    									</td>
    									<td>
    										2014年6月1日
    									</td>
    									<td>
    										2
    									</td>
    									<td>
    										6320
    									</td>
    									<td>
    										<a href="javascript:#" class="tablelink">删除</a>
    									</td>
    								</tr>
    								<tr>
    									<td>
    										于桥水库xx站
    									</td>
    									<td>
    										2014年6月1日
    									</td>
    									<td>
    										2
    									</td>
    									<td>
    										6320
    									</td>
    									<td>
    										<a href="javascript:#" class="tablelink">删除</a>
    									</td>
    								</tr>
    								<tr>
    									<td>
    										于桥水库xx站
    									</td>
    									<td>
    										2014年6月1日
    									</td>
    									<td>
    										2
    									</td>
    									<td>
    										6320
    									</td>
    									<td>
    										<a href="javascript:#" class="tablelink">删除</a>
    									</td>
    								</tr>
    								<tr>
    									<td>
    										于桥水库xx站
    									</td>
    									<td>
    										2014年6月1日
    									</td>
    									<td>
    										2
    									</td>
    									<td>
    										6320
    									</td>
    									<td>
    										<a href="javascript:#" class="tablelink">删除</a>
    									</td>
    								</tr>
    								</tbody>
    							</table>
    							<!-- <div class="pagin">
					    			<div class="message" style="float: right;margin-right: 300px;">
						    		<span class="eclipseBtn" style="height:30px;display: inline-block;">
    										<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_f.jsp">开始分析</a>
    								</span>
						    		共<i class="blue">100</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
							        <ul class="paginList">
								        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
								        <li class="paginItem"><a href="javascript:;">1</a></li>
								        <li class="paginItem current"><a href="javascript:;">2</a></li>
								        <li class="paginItem"><a href="javascript:;">3</a></li>
								        <li class="paginItem"><a href="javascript:;">4</a></li>
								        <li class="paginItem"><a href="javascript:;">5</a></li>
								        <li class="paginItem more"><a href="javascript:;">...</a></li>
								        <li class="paginItem"><a href="javascript:;">10</a></li>
								        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
							        </ul>
				    			</div> -->
				    			<div style="text-align: center">
				    				<span class="eclipseBtn" style="height:30px;display: inline-block;margin-top:8px">
    										<a href="jclient/pages/yjxxgl/yjxxgl_tjfx_fxym_qsfx_f.jsp">开始分析</a>
    								</span>
    							</div>
    			</td>
    		</tr>
    	</table>
    	<!-- 弹出表格 -->
    	<div class="tip" style="position:absolute; width: 800px; height:320px;left: 50%;margin-left:-400px; ">
    	<div class="tiptop"><span>记录表信息</span><a></a></div>
		     <table class="tablelist" style="width: 100%;height: 230px"  >
				    		<thead>
					    		<tr>
							       <th>
    										测站名称
    								</th>
    								<th>
    										时间
    								</th>
    								<th>
	    									时长(小时)	
    								</th>
    								<th>
    										水体藻细胞密度(万个/升)
    								</th>
					        	</tr>
					       	 </thead>
					        <tbody>
					        <tr>
					        	<td>
					        	</td>
					        	<td>
					        	</td>
					        	<td>
					        	</td>
					        	<td>
					        	</td>
					        </tr>
							</tbody>
			</table> 
	       <!--  <div class="tipbtn">
	        <input name="" type="button"  class="sure" value="确定" />&nbsp;
	        <input name="" type="button"  class="cancel" value="取消" />
        	</div> -->
        			<div class="pagin">
					    			<div class="message" style="float: right;margin-right: 300px;margin-top: 8px;">
						    		共<i class="blue">100</i>条记录，当前显示第&nbsp;<i class="blue">1&nbsp;</i>页</div>
							        <ul class="paginList">
								        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
								        <li class="paginItem"><a href="javascript:;">1</a></li>
								        <li class="paginItem current"><a href="javascript:;">2</a></li>
								        <li class="paginItem"><a href="javascript:;">3</a></li>
								        <li class="paginItem"><a href="javascript:;">4</a></li>
								        <li class="paginItem"><a href="javascript:;">5</a></li>
								        <li class="paginItem more"><a href="javascript:;">...</a></li>
								        <li class="paginItem"><a href="javascript:;">10</a></li>
								        
							        </ul>
				    			</div>
    					</div> 
    					
  </body>
</html>
